<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		/* 层叠选择器
		 父标记 子标记 :表示选中父元素下的所有直接或间接子元素(两个a标签都会被选中)
		 父标记>子标记 :表示选中父元素下的所有直接子元素（只有第一个标签能被选中）
		 
		 */
		div>a{
			color: pink;
		}
		/* 此处表示两种元素都被选中了 */
		div,span{
			color: yellowgreen;
		}
		</style>
	</head>
	<body>
		<div class="why">
			<a href="#">我是儿子</a>
			<p>
				<a href="#">我是孙子</a>
			</p>
		</div>
		<div>我是div</div>
		<span>我是span</span>
		
	</body>
</html>
